@extends('public.main')
@section('title', '首页')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('/static/css/index.css') }}">
@endsection

@section('content')
<div class="container content">
            <div class="col-xs-12 content_left">
                <div class="col-xs-12 item_article">
                    <div class="col-xs-12" style="margin:0;padding:0;margin-top:10px ">
                        <div class="avatar">
                            <img src="{{ asset('/static/img/32.png') }}"/>
                        </div>
                        <div class="user_name">
                            <a href="#" style="color:#9b8878;" id="username">大吴和毛毛</a>
                        </div>
                    </div>
                    <div class="col-xs-12 item_content">
                        小时候因为我是爷爷奶奶唯一的孙子，所以从小就被溺爱着，有一次因为偷了东西妈妈一改平时温柔的个性，把我往死里打，我还不服气，说:“妈妈你要把我打死了你就没儿子了……”妈妈回我:“把你打死了我再生……”妈妈威武啊！从此以后我再也没有偷过东西了！
                    </div>
                    <div class="col-xs-12 item_praise">
                        <div class="praise_first">
                            9186 好笑
                        </div>
                        <div class="praise_point">
                            ·
                        </div>
                        <div class="praise_second">
                            <a href="#" style="color:#999999" id="comment">107 评论</a>
                        </div>
                    </div>
                    <div class="col-xs-12 item_img">
                        <div style="float:left;">
                            <a href="#"><img src="{{ asset('/static/img/good.png') }}" style="width:20px;height:20px;"/></a>
                            <a href="#"><img src="{{ asset('/static/img/bad.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                                <a href="#"><img src="{{ asset('/static/img/comments.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                        </div>
                        <div style="float:right;">
                            <a href="#"><img src="{{ asset('/static/img/qq-2.png') }}" style="width:20px;height:20px;"/></a>
                                <a href="#"><img src="{{ asset('/static/img/微信-2.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 item_image">
                    <div class="col-xs-12" style="margin:0;padding:0;margin-top:10px ">
                        <div class="avatar">
                            <img src="{{ asset('/static/img/32.png') }}"/>
                        </div>
                        <div class="user_name">
                            <a href="#" style="color:#9b8878;" id="username">大吴和毛毛</a>
                        </div>
                    </div>
                    <div class="col-xs-12 item_content">
                        小时候因为我是爷爷奶奶唯一的孙子，所以从小就被溺爱着，有一次因为偷了东西妈妈一改平时温柔的个性，把我往死里打，我还不服气，说:“妈妈你要把我打死了你就没儿子了……”妈妈回我:“把你打死了我再生……”妈妈威武啊！从此以后我再也没有偷过东西了！
                        <img src="http://ww3.sinaimg.cn/mw690/005wNBWCjw1ez9m0lnjfpj30c81p3q6r.jpg" width="80%">
                    </div>
                    <div class="col-xs-12 item_praise">
                        <div class="praise_first">
                            9186 好笑
                        </div>
                        <div class="praise_point">
                            ·
                        </div>
                        <div class="praise_second">
                            <a href="#" style="color:#999999" id="comment">107 评论</a>
                        </div>
                    </div>
                    <div class="col-xs-12 item_img">
                        <div style="float:left;">
                            <a href="#"><img src="{{ asset('/static/img/good.png') }}" style="width:20px;height:20px;"/></a>
                            <a href="#"><img src="{{ asset('/static/img/bad.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                            <a href="#"><img src="{{ asset('/static/img/comments.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                        </div>
                        <div style="float:right;">
                            <a href="#"><img src="{{ asset('/static/img/qq-2.png') }}" style="width:20px;height:20px;"/></a>
                            <a href="#"><img src="{{ asset('/static/img/微信-2.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-12" style="text-align: center">
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
</div>
@endsection